Hello, 
Just a note on this “verbatim .pdf” version. 


The original was done between the years of 2009 and 2011, 
on a PC-based word processor. Many of the examples relate more to 
desktop-optimized applications than to those on cell phones. 


However - even though CPU speeds have gotten faster, and 
interfaces somewhat less clunky (well, that’s the hope, anyway) - 
many of the UI issues addressed here stand, even now. 


There has been one instance, at least, where a plea made in this 
document found its fruition in an actual Ul feature: The propounding 
of “cliche buttons”, on pages 19 - 20. 


This was an attempt to ask for a handy form of clickable “cliches” or “clips”, 
which, in effect, would have the same effect as a clipboard - only 
with multiple saved items at the click of a virtual button, not only a single one. 


Not exactly clear when, but at some point along the road, the Android OS 

made available a multi-entry clipboard feature which solves this gripe. It is 
standard with all current versions of Android. While it’s not identified as a 
“new feature” but rather simply as Android’s answer to Apple’s version of a 
clipboard, it does in fact fulfill most of what was asked for here as “cliche buttons’, 
and does so with some efficiency. 


Let’s hope we can count on a few more such developments, as well as a little 
Windows-based kaizen, in the near future. 


AG 


This is q Clearinghouse for: 
-all notes taken on issues with, and Possibilities Of, interfaces 


Biggest Pains and Banes in need of Solutions 


é A 
“7 How to fix? 
Value the keyboard 
as a data entry 
device that is Vital 
to the Program, and 
treat it accordingly, 
Have the Software 
acknowledge the 
advances of the 
User fout de suite. 
Save coyness for 
the veranda. 


computers take direct input, and the 
mechanism through which the correct input is 
received is the same one (the keyboard) as 
the one which misses the Correct input — this 
malfunction of an interface simulates 
deafness, distraction, or some other form of 
human-like impairment which, for the 
computer to have, it would need to be, at the 
very least, anthropomorphized. Besides, this 
never happens with functions that are 
deemed important in the Programmer's eyes — 
just the less-loved ones, of which there 
shouldn't be any, in this day and age of 
efficient data processing. 


02 Clever programmers Let's admit across the board: Geeky Give users an 
Programmers are innately clever. Now let's all interface that's 
be discreet about it. Do you hear, clean and smooth, 
Programmers? We know you're smart, so which challenges 
please, show it in subtle ways, like getting the them to assume 
job done already. Cleverness should be a that it just cropped 
sidebar, not something to thrust in the user's up naturally and 
face minute by minute. We know you have that the 
near-Godlike powers to make screen programmer , 
elements hover, detach, re-attach, quiver and doesn’t even exist. 
glow — but out of context, and in any more 
than a minimalist way, we don’t want to see 
your grandstanding. The line is crossed when 
a programmer's cleverness oozes out of the 
program's functions, and drips indelicately 
into the lap of the user. Some programmers 
seem inclined to make the interface more 
cumbersome simply to announce their clever 
presence — like that handicrafted blue metal 


On-again Off-again 
fields 


One-way valves 
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duck your Aunt Ginny feels a need to 


h 
Over the front entrance door. e 


What's the one predictable thing a user wants 
to do when Surfing to the baroque homepage 
of Wikipedia? No, really, think about this for a 
minute: Hint — it’s the Only thing the user can 
do On this Page, aside from simply regard the 
Page itself. The one thing a user will have 
Control over to the exclusion of all else, 
Anyone who has Ever surfed to Wikipedia for 
any reason will have little trouble telling you: 
They want to type in search criteria. With no 
€xaggeration, this is the only function the user 
Can perform on this Page. They can’t edit 
articles — that’s further On, when they're 
actually at the article. They can’t make 
Suggestions — that would be on some other 
Page as well. No, there is only one field that 
can be populated on the initial Wikipedia page 
— and that field is the small one on the upper 
right where search criteria can be input. Too 
bad the cursor disappears from it almost 
instantly and the field has to be re-selected by 
the user, afresh — that is, almost every time 
the page loads — despite the fact that they are 
on this page to do nothing else but employ 
that field. Wikipedia, furthermore, can’t even 
fall back on the excuse that the programmers 
of YouTube might easily give — that the 
loading of an ad, which happens shortly after 
the main body of the page loads, somehow 
provides distraction to the CPU and takes its 
attention away from the cursor’s placement. 
They can’t fall back on this explanation 
because Wikipedia has no ads. So why the 
disappearing cursor? 


Sent a pic from cell phone to email address. 
When arriving, a dumb Microsoft / Telus : 
interface ‘displayed’ the picture, or half of it, at 
‘actual size’ — meaning that you had to scroll 
across it to view before downloading. No 
scroll tabs given, meaning that devious 
techniques like the ‘press on scroll wheel 
input have to be used. When doing that, was 
possible to scroll to right on pic, but then 
when it came time to scroll back to /eft— ; 
interface was coy as a pampered lover, an 
refused to. So: What little use for file waa 
made available, existed in a one-way mo 
only — with no hint as to a way out. 


Understand that 
users want 
continual access to 
the one task that 
the page gives 
them leeway to 
Perform. Keep the 
Cursor in the field 
Until such time as it 
iS Used for its 
intended purpose. 


jue 


\ QetT 
4, (9 
A lore (3 a 


Something 
elementary (like 
scrolling to the right 
across a page) 
should be easily 
reversible, by going 
back out the way 
you came in. (I.¢. 
same Click, different 
mouse motion). 
Allow symmetrical 
back-and-forth 
actions where 
they're not 
prohibited. 


Which interface? What happens? 
esa Internet Explorer, pilien you click on the ‘little arrow’ to 
: ring a drop-down menu of recent 
li J y- roven 
Visited sites, for the purpose of ae hee Fee e 4 


Selecting one of them to go there, button appear — Poofl — 
4 Where nothing was before, 
xl | X [te iweseon, In this Sense, they are like 


Shift « Enter . Jeannie, or Some Teenage 
Witch or other. However — 


_Assues/ Possibilities? 
The Programmers have 


It's a good idea not to 
make buttons appear 
which do the Opposite of 
the primary thing the user 
And then proceed to move cursor to Is tym ng to do, especially 
the ‘white and Clickable area’ where without warning and jn ye 


you're about to do just that, OCG! crea linelline 
KS Tar opposite button is 


a SUpposed to exist. 
; +] 4 |X |[e tie: we 


Seems to be an issue of 
boundaries (between 
Opposite functions), size 
(of teeny buttons that flit in 
and out) and functionality 
(keep one function to one 
Space.) 


Surprise! A Previously — invisible ‘red- | Others could Possibly be 

x-delete’ button appears. of ‘anticipation’ — the act of 
| Its presence is a surprise, since it using ramped visual cues 
} immediately layers on another—and __ to guide the eye along the 
_ Opposite — function for the exact same _ path of an action, helping 

white space you planned to use to users anticipate what 
| surf to the website. they'll find. 

If you click this (by accident or 
anomie) the record of your (and, no — that does ace , 
| webpage is deleted — therefore have to mean ‘bouncy ball- 
| making it very hard to go to again, y’ interfaces where 
i} 


| jally i 't have the exact everything seems to be 
a ey a floating pieces of rubber.) 


| 

Yeu want shit intothe | Clearly, the programmers 

| ioe want to shift the margi ei oe a 
caine simple. But, todo so with the | way of using = mouse to 
| mouse, you have to _| change margins. 

pets 


Microsoft Word — 07° 


Se aNeES 


“i 


Thorough reproduction of 
Codex Gigas - 


http:/Awww.wdl.org/en/item/3 
042/pages.html#volume/1/pa 


ge/101 
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a) find this — 


and, then, having found it, 
b) find a considerably smaller area 
inside it — the other Patch of red — 


~- which couldn’t have been more than 
4 pixels across. 

-- only then, while hovering over that 
area (the internal One,) will your 
Cursor allow you to grab the So-small- 
it's-invisible tab and — if you're lucky, 
and you don't accidentally shift your 
Cursor 1 or 2 pixel-lengths to the left 
Or right while doing that — change the 
width of the margins. 


A lavish one indeed, it's hard to find 
fault with it — however — in this case 
the fault arises from its own 
lavishness: 


On the left side are a series of page 


| selection thumbnails: 


And it is in there — 
however: 


It has no graphical 
fepresentation. (The ‘red’ 
was added after.) The only 
way the user knows 
they're doing that 
Operation is that the Cursor 

| changes to a different 
icon. And even SO, that’s 
only within a radius of 
about four onscreen pixels 
— making it a test of gross 
motor skills every time you 
do it. 


The programmers should 
review which functions 
they're trying to depict in 
their graphic user interface 


And depict them, instead 
of leaving them as a 
pinprick — sized hole in the 
program. 


The issue here is: Assign 
a grabbable graphic 
symbol to each function in 
a graphic user interface. 


This is a case of 
overprogramming — and, 
simultaneously, 
overlooking one of the 
most simple assets in 
modern pes: Their 
increased memory. 
Around 1982, when hard 
drive space was at a 
premium, it would have 
made sense to re-load 
everything from scratch 
when clicking on any 
thumbnail. 

Now, though — it defeats 
the purpose of ease of 
use, by denying the user 
the ability to reference a 
screen that they just 
referenced, seconds ago. 


Microsoft Hotmail 


Smooth, and th 
intuitive lines -- 


Trouble is: \t does what some 
Programming Manual Probably 
recommended around 1982 -- It 
makes no attempt to Store any buffer 
mages on the user's drive, for 
temporary use (like a cached 


webpage), 


So - every time a thumbnail is 
Clicked, the loading process happens 
again, even if you're simply Clicking 
On the thumbnail of the same image 
you clicked on a second or two ago — 
even if it's your 5" time clicking on it 


in a minute. 


This adds a whole lot of wait time to 
the generation of the results, and 
Prohibits users from easily ‘flipping 
back-and-forth’ between images. 
(defeating a big part of the purpose of 


studying texts.) 


It's hard to beat Hotmail asa 


collection of the Strange, the gawky, 
and the overprogrammed. Among 
their most potent examples of gawky 
are the ‘forward’ and ‘back’ buttons, 
that are supposed to control which 
‘page’ of the hotmail screen you're on. 


Help Center | Feedback | Engtsh 
| This style has become a design habit 
| with Microsoft — but that’s no excuse 


| for it. 
| A good analogy for these buttons j y 
ene be a light switch — that changes kitchen, you’d have to find 


Dare eo 
| foe Hee auntie doa it whoever was holding it , 
| disappears from the wall, and—pop—__ before adjusting the heat. 
re-appears across the room, by the 
| far corner. 


| 
| Of course, in real life, this would be 


This doesn’t Even come off 
as an attempt to Show off. 
It just seems Sloppy, 


It's kind of a Surprise, 
Considering how much 
time and effort seems to 
have gone into the rest of 
the webpage. 


The programmer should 
revise things so as to 
eliminate this redundancy 
— and then they'd have 
Something as futuristic and 
Sci-fi influenced as they 
Seem to have succeeded 
in evoking elsewhere on 
the site. 


The solution to this one — 
and the cure for that 
familiar, suffocating ‘where 
Is if — panic, felt all too 
often by Microsoft users — 
would be to keep the 
buttons on screen. 


Another analogy: A 
cafeteria hot table, with 
removable trays. What if 
the temperature controls 
were welded to the food 
trays, so that every time 
you re-filled the meatballs, 
you would have to 
question where your 

| temperature dial was — 
and, if it had been taken 
(with the tray) to the 


it and ask permission of 


True, some governments 
have employed policy 
engineers who came up 


Zellers Store Locator 
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creepy, and, of Course 


Useful. It would sence) 


N @ Special trip 


| 8Cross the room to ‘undo’ 
Just done near the ae Pes 


iets how these buttons Work 
d Ough. It's not Enough that they've 
allen Prey to the habit of 


It's like going through your email in an 
earthquake. Following this style of 
design, they might as well take you to 
Amazon.com after €ach email, just in 
Case you wanted to shop for gifts. 


Kudos to one that works — and to a 

| company who appreciates that speed 
and ease = convenience, and that 
equals a happier customer who cares 
enough to visit them. 
It's so simple to do it right, you 
wonder why almost nobody does. 


The number of Zellers outlets per 
capita is tiny. To make an interface 
that searched for stores as if they 
were fast food outlets or public Parks 
would be foolish — the sparseness of 
the results is a great boon, in this 
| Case, making results simple and 

direct. The interface should also be. 


| Rather than force users to slog 

| through a game of 20 questions that 
would be more suitable on a credit 

| card application, it asks one question 

'=a fairly minimal one, at that: What ; 

province are you from? The answer is 

1 easily selectable on a drop down 


| menu (just a handful of choices). After 
| that, you get — pure and simple — a list 


_ of stores in your area, which, through 
| the simple math of the situation, will 

| be easily displayable within a single 

| field of vision on a manageable area 
of the existing page. 


Making them 


It Would be Comforting to 
know that Microsoft 
employees needed some 
Prior experience before 
being hired — and that they 
Could out-think their pet 
Poodles. Not that it would 
make up for breaches of 
common sense, though. 


Zellers is in the Process of 
Stepping up its game to 
Make something of its 
Massive distribution 
network, and compete with 
the big boys — Walmart, 
mainly — who have run 
roughshod over territory 
that Zellers owned prior to 
the era of Free Trade. 


Ironically, the people 
behind this are themselves 
Americans — but that 
means that they refuse to 
be intimidated by the 
traditional Canadian 
mindset of relying on 


artificial government 


constructs to prop up a 
given industry, lest it fall to 
American competition. 
Here, they soundly trump 
the American — designed 
Walmart store locator 
page, by doing less — by 
figuring out what a 
satisfying result might be, 
then not doing a whit more 
than they have to in 


“achieving it. 


ISN AN een = 


This Teassures the 

Customer that €conomy is 

the order of the day, 

It might be too obvious for 

Pe aan? Some, but in Cases like this 
(see Hemingway for more 

examples) less can truly 

more. 


il 
: 
! 


| RR 


It's taken so much longer to describe 
| it here than to doit. Itisa single click 
Operation — and while Even that might 
be excessive — it's an indicator that 
| Someone there wants your business 


and is willing to test interfaces as well 
as design them. 


Scrubbing Bubbles Extend- | Here's another one that definitely This was based ona 


A—Clean works. It’s an example of fresh simple analysis of motions 
thinking about physical systems. in a complete action — the 


type of which all computer 
designers should do at 
some time. 

The separate action of 
Squeezing triggers on 
bottles of this nature is at 
odds with others — like 
aiming the bottle, keeping 
it steady, etc. — What this 
adds up to is a key part of 
the use defeating the 
purpose of some others. 


This is the exact same 
thing that happens with the 
modern mouse’s interface, 
where the separate act of 
‘clicking’ naturally se 
| stabilizes every other 
head is detachable from the motion the user has 
ite ae below, but together they form undertaken ihe simp| le 
| one complete bottle (design coup #1). In PAN aR ea 
addition, something very unique: All the destapiieinglactont 
stressful hand action required to / Biowinenonesn 
| ‘ontinually squeeze the trigger on this mooliiy mtn tetas 
Io ttle has been replaced with one motion. | S| Ripon he wey 
a an coup #2). Hold it down — pressing should p ae 
ee nd a battery - operated many future on Nass 
HN tee the dispenser head does designs, whether phy: 
| mechanism in eo 


the rest. 
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Selection m, i i 
: ade in Cli 
fceae featuring peas ies Drag. Select? No. While in the 
Incredible Disappearing you've ie dr scone, blink! — whatever ioe rat, when a 
Sse Faa a Just selected becomes de-selected ne y up Process of 
no reason, Selecting Something, that 
| they want to it 
sane Select it — ang 
Osition 1 not not Select it, Let them 
. Continue to Select it, rather 
Google 1 (i ——- than €nacting a series of 
oo a Staccato Magic tricks 
on hia Sos) toca onscreen where the select 
Sie e Seer cong field, oddly, disappears 
3 because the select icon 
Position? | Moved over not more than 
half an inch — to repeat — 
Google, a while user has continued 


facie to select with the mouse. 


PryOiScapiieee Corres 
i Qe0tg token fr chesng wed fears, 


“tabs to grab” — begun June 2009 


Interfaces 
Basics - 


SIZE 
Remember the size of humans, size items accordingly 


CLARITY 
Avoid ambiguity - tailor cues to acknowledged print iconography 


Pare down number of options to what's used - discard those that are never used 
Be consistent - make utility of things a given 
Use elementary shapes 


SPECIFICITY 
Don't withhold important data 
Offer clear and present handles 


SPEED : 
Be responsive - microseconds count - treat as 29.97 FPS video 


PRESENTATION eh 
Be aware of the aggregate effect of individual small stuff 


Go for simple and easy 
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MS Word)- Little upper margin tab (4 
places on Page) 


Make use of the app's negative s i i 

Make Us Pace to provide a neutral i 

field in it that's always clickable - so as to give a natural Ma na 
way to de select items 


|| Don'tmake the funch i i 
{ inction of Placing cursor in a given area Windows Vi 
ambiguous - and make user guess at its purpose OEE 


Have a wide berth around a the tab to grab inside which Wi i 
i indows Vista deskt 
it's grabbable - and show user where it begins and ends ee 


When a chunk of text gets automatically selected, and an "| Windows Vista right click 
arrow key is used, make it non-ambiguous how many 
Spaces on which side of the chunk the next move of the 
cursor will be selecting 


The tag issue? Reveal helpful data to user - at least don't Windows Media Player: Although the 
sit on potentially important data for no reason, making it complete running time of a file Is, say, 
invisible, when it's an easily disclosed part of a file's id tags | 4:04, WMP identifies it as ‘4 minutes’ 


The speed issue: When the choice is there to respond to | Windows Media Player 
user input slow or fast, respond fast 


Make icons resizable - do not have a mess of 5 cent Windows desktop 
stamps that all resemble each other 


The water vs electricity issue - avoid putting widely ACSR and right-click Windows menus 
disparate items shoulder to shoulder - ie do not put the which have ‘copy’ and ‘delete’ perilously 
much used copy function right next to the delete function close, in non-re-sizeable tiny type 


the page number issue - make predictable areas where a | Windows XP system interface 
given tab to grab can be found - do not have tabs flip and 
flop here and there all the time 


The windows issue - where it's possible to concisely The Apple tree approach to paths 


summarize a database in one screen, do it 


Windows Vista 


i ffer 
Allow user to set consistent defaults. Do not always 0} . 
hundreds of randomly displayed defaults just because their 


potential has been included in programming. 
Windows Media Player 


Have the same button do the same thing each time it's 
pressed 


ippie i indows XP search 
Minimize annoyances - the clippie issue Win 


Q Windows Media Player - the giant note 
ing regularly that's \ ; ON 
Pee Use ele ae have a use in the righthand corner. Ho a ly 
unpredictable ONES NO resizes itself and variably display: 
details, sometimes not 


rch for the reasonable Scroller tab on Windows Vista 


|The tortoise and hare issue: Sea 


16 
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median speed and offer users a middle ground between a 
slow crawl and a supersonic dart - or, better yet, varying 
gradations of speed grabbable by a clear and present tab 


The rink or rubber issue: Do not produce objects and | 
surfaces that are 'skate-y' - that have the unsettling quality 
of being a field of squirming protoplasm under the cursor. 
Instead give surfaces traction like rubber. 


Windows Vista left-hand component 


search for ways to do elementary actions like ‘scroll right’ 
or ‘move up' - telegraph how to do stuff 


Don't leave the user scratching their head while they Windows Vista left-hand component 


Try and find the ‘obvious easiest’ method of honing in on 
something. Don't avoid what's obvious 'because it's so 
obvious it couldn't be tight’ - in fact, some things appear 
obvious because they're right. 


The method of center pivot in Flash 
Earth 


Once someone has ‘ordered’, stop showing them the 
menu. 


The Only two Eyes issue: Offer choice, not quandary. | Selection methods in almost every 


Microsoft app 


Avoid animation that's not called for - simply because an 
item's adjacent partner closes, doesn't mean the current 
item should change, shimmer, react, glow, or move 


The ‘sideways tetris’ effect of bottom 
item bars in Vista 


Smoothly transition (using POV) by inserting slow-in - 
slow-out inbetweens into the transition from ‘item there’ to 
‘item not there’. Always give smooth cues to the user of 
what's about to happen or what has. 


The new interfaces of Vista 


Insert the laws of physics into simple interfaces. Using 
simple geometric shapes as windows, applying physical 
rules can conjure thousands of inbetweens in real time 
which would otherwise have to be pondered over ina 
studio by many planners 


Physics Flash games 


Use principles of motion and visual cues as explored in 
Norman McLaren's series ‘Animated Motion’ from the mid- 


70s 


Define the intended outcome - since a given action can 
consist of many sub tasks. Once defined, stting together a 
connection between initiation (the user signifying what 
should be done) and achievement of the action string. 
Once the path is defined, attempt to smooth and make the 


interface treat this chain as ‘one action’ with one visual 
stretching over it. 


Flash Earth 


Harper Lee: 

*...'d you see him, Scout? ‘d you see 
him just standin’ there?...'n’ all of a 
sudden he just relaxed all over, an’ it 
looked like that gun was a part of 
him...an' he did it so quick, like...| hafta 
aim for ten minutes ‘fore | can hit 
somethin’... 


Jem Finch about Marksmanship - 
chapter 10 TKAM 
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“About number 12 On list above: 


Incredibly, what follows is a graphic of exactly what the User sees — or, better Put, is confronted with 
— when petitioning the Windows OS to let them only see certain Categories of metadata about a 
given group of files. Good luck Viewing it without printing it — but you should try... 


(Coc ia ax) 


Select the details you want to display for the items in this 
folder, 


1 conversaton 1p | 
[F) Copyright 


(Bi dete accessed | 
1) Date acqured 
{5 Date archived 
£2) dete completed 
[Ey Date created 
(© date last saved 


J Account name 
| (2) Abum 
| [F) Album artist 
©) Anniversary 
{i} | (5 arises 
||| | FV assstant’s name 
|| | Cl Assistont’s phone 
| 
| 


| 15] 35mm focal length 
| 
| 


| 
| 
| 
| Attachments | 


Beats-per-mnute 
Brthday 
|] | © at cep 
} Strate 
Broackast date 
Business address 
Business city 
Business country/region 
© Business fox 
Business home page 
| Business P.O, box oH 
©] Busnes phone | 
| | (©) Business postal code 
| 5) easiness state or province 


Other state or province: | 

Otber sveet | 

Bi ower | | 
Sirobx | 

Roger 

Pages i 
By Parental rating 

© Parental rating reason 


1) computer 


] Content created 
| Content type 
(7) Contributors 


TEMSEY Bore 
Priovity 


|| |S) Protected 

|i) | Ch Pubteher 

| | C1Ratng ( 

i +) Read status ; 

{il Recording time 

| | ) Reminder time | 

\| Reguired attendee addresses 

| Required attendees 
Rerun 

| Resources 

| | @) sap 

ii Search ranking 

| Sender address 

|i) | ©) sender name | 

| |e } Sensibvity 

| |) Shared 

| ©) shared with 

| | Oi stdes B 

SJ Source 
| Spouse 

Oi start date 

| St3te or province | 
} Station callsign | 

© statooname 

Stats 
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(Co) (comet) } 
a z SSeS 
.the graphic turned out to be so long (4312 pixels, in fact) that it had to be cut into four pieces to be 


accepted for display in this program. Its original length made the graphic disappear somewhere off 
the page into never-never land. 


In order to count the selections here, | needed a special, new technique. The very act of trying to 
read the entire list at one sitting actually began to hurt, and so the technique of using the inbuilt 
Windows calculator (coding date circa 1980) as a kind of click-counter was hit on. 


Fortunately, being able to click the ‘enter key once for every item on the list! passed over — ‘read’ is 
too charitable a term — and then have the numbers (1 + 1 in a sequence) displayed in total for me at 
the end of the process gave me a usable figure. Any attempt to check the progress of the clicks 
during the counting would have resulted in losing track of place in the list —so, with the calculator - 
click method, | was, at least, able to do the tallying without moving attention from the list at any time. 
Apparently (I’m not doing it again to check) there are 242 selections. 


i nus — from whi 
ones. Since there are definite Similarities betw wae 


time we want to Specify display defaults, here’s the One found online: 


ia inese Food Take-Out 
2026 Teath Lino Rd, Oteans 


% 813 831-2283 
Chop Suey / Chow Mein 


| A. Cantonese & 
WOK Szechuan Dishes Scr Rah eens Sona 
Ke wm per avisiver: 4 


=: 4 4: ( 
; eet, 8408-0 Pav, yy 8 G iy 

| CHIN ES CRAP 25, Cannes bal cw Main 4 

E FOOD Srl & Rowse Spee -=845 mule rte Cer uon ony. 1125-9 

dance tl oot wit) Fat ice Nace we) Chinanp Z 1, 

TAKE-OUT AND DELIVERY Vo%ceapig 1 sch ot haeynraa oars 

| Appetizers Sanaite ai re eet wif pe 

{Sookie ten pee ee 

couetten 


Cuisine Type : Seechuan 
District; Oeans 


<4 (12) 12,00 each 1,20 
(12) 


} Soup 


iat Ns SR Chane So 3.25. SFU en Peper 
Chuneie Venetae Soup, Mstrogn Foy Soem 3.25 Vewtavin Sapopore Veer 
J NBOS8 Scursora 09 Ten Soup with aeRO Por, 3.85, Egg 

| Fried Rice 


‘ee BS-8- Pork, Baghn Find Rien, Onchen Fried ACE 5.95. 
‘Meathioonn Frigg Rica Vogeeadia Fried Rico. 
entes cae 
‘Sorin Fred Ros.. Chef*s Suggestion: 
Hossa Specie Fed Rice g ‘Bet oF Crickon wh 3 Kind Of 
Beefand P cape wi tg? 


Ber sen Bick en Sake 
50 sy wit 8k Cet Sere, 
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Using the same calculator — click method, | was able to do a rough count — including the specials — 


and got a total of 109 items. 


Nobody, d 
believe, a customer makes use : ae 

*t be ordering, and examinin 
wee A eeane offered in the data dump given by Windows. 


So, when comparing between a take out menu with 109 selecti 
= the natural question arises: 


Why only 242? 


imati i t there for everything 
i i roximation of all the choices ou Y 
This Ten 2 ea ena yoo aa understand the whole list, | was able to discern 


in the world, While it might take days to 


Selected one of the denser lookin 
een these menus and the one Windows gives us ete 


i At best, | 
ink, i ke note of every featured item on such a menu. " 
Mal i ay aa, eRe categories provided, ruling out certain dishes that they 


losely the categories that look more likely. No such 


ions, and the Windows menu with 242 


SSSESELLELLLLLI 


en OSA aces 


that the menu is 
Casual user, but 


Unlimited in its Scope — in that it encompasses data th 
the gender — whi se 


at have import not on| 
for anybody anywhere who might to look up anything — from the intial ee 
ether or not any kind of metadata on any of the select j A 


able items js Encoded in a file. 
Considering that this list Must appeal to 


Every global citizen, re 
are some answers Microsoft has to provide. What happened oboe i hee 
Blood type 
Circumference of bolt 
Employee ID 
Flavor 
Gear 
Kennel number 
Latitude 
Mood of office 
Payload 
Temperature 
Translucency 
Trim 
Type of meat 


and roughly 450 other possible ones? 


in, space may have been a Consideration. Probably not, but what if Bill Gates 


Company Main Phone 
E-mail3 

Hobbies 

Home P.O. box 
Parental rating reason 
Spouse 

Telex 


i ich wi ing to 
i i i i i layed — and some of which will, owing 
cluded in the list of things to be disp C N 
then EET nature of this interface, be displayed automatically, whether the 
user needs them or not. 


i i i tion attached to a file, would the 
i ing up: Where, in a file or the informa 1 : 
Pare ee TINO What are the standard set of terms governing ue ae oO} 
ehngin HOO would it look, should anyone actually be able to access a ‘ 
it? In other ; ) 
whatever reason? 


l i i tatus of, say, 
list of the Telex properties of a series of files look cere is the telex si 
ion? 
eee fa archer by the beach house from our vaca 


Hoi ld fy H ies of. f t I , p 2 
| ost people classify the lobbies of, Say, a ourt quarte! share’ repo 
W Would m T reholders’ report’ 


; ‘ect? 
What's the Company main phone of my PowerPoint projec’ 


Is there any guide to any of the above? 


Nope. 


Should there be? 


V ¢ if Mier 
full 242-item list every Single time a user wants to spony i 


to set display defaults for the avera i 
‘ ge folder might have come UP — if not provid. 
of aging Controversy resulting in Microsoft fielding threats to feet their oifieae hae . 


changing are, to this point, secret. 
1 ‘Hot to Cold’ — 


is — make the things that change ‘hot’ — (glowing red’ or some similar color) — as soon as they settle, 
they become ‘orange’ — ‘yellow’ — maybe in varying gradations — 


The net effect of this is to immediately show user what's been changed recently, in color code. Even 
more: A ‘visual diary’ — consisting of a shot of the activity of each day in changes — (flippable, so that 
user can reference quickly between days) — changes in ‘heat and friction’ made easily visible — 


The way this would happen is that items could have a predictable ‘half-life’ — or just ‘cool-off period’ — 
Say, a day for yellow, 2 days for beige... or whatever: Basically, though, whatever was hot would 
show up as one color at the end of one day, then gradually ‘Cool unless moved again, so that in the 
‘daily shot’ the user would see just what items are hot —and, flipping between days, would see which 
items are more consistently hot and changing... Think of a meteor tail, but in slow motion — 


2 Behind Microsoft Development Doors — the Genesis of Bloatware 


1*' Microsoft developer: Hey, why do you always have those little Suelo menus popping up 
whenever the cursor goes over anything? Don't they get in the way? 


i | Ings. If they didn’ 
2" Microsoft developer: Yeah, but we put some effort into programming those things ley didn’t 


pop up, nobody would ever use them. 


Moral: Just because you programmed something, doesn’t mean it's important. 


CSUECELEEELIIII 


‘ 


« 


€en is concerned, there’s ‘more than one Way to skin 


way (‘clicking’ on Something) is really just one of Many, and by no means the most eficon rdinary’ 


The fact is: If the Tange of selectable items ona i i imi is, i 

ctabl menu is relatively limited — that IS, if the full arra of 
Modular Selections can be easily displayed within the field of Vision available On one screen — (hon 
there’s no reason at all to deny a user the Most accessible method of Mouse-based selection 


aga to almost any other graphic means of cursor Control): The motion-based Navigation 
od. 


The Purpose of a mouse click is roughly the purpose of putting on flashers in traffic: You are 
signaling your intent to another Party — in this Case, the inner workings of your computer's user 
interface. The action of very slightly Pressing down on a hair-trigger mouse button has nothing to do 
with what you signal — often what you're showing intent to ‘do’ is just to Progress to a different part of 
the interface — again, like traffic Signaling. 


If the user’s mouse movements don’t affect the ‘link’ being clicked on (really, a portal to the next step 
in the Program,) there’s no reason they can’t be used to control the user's relation to the link. This 
May not be the most obvious thing to a ground-level Programmer — it’s much easier to think in terms 
of ‘when x happens (the input of binary data from the click) then y happens (the user ‘enters’ the 
area of the program related to the link.)’ 


A ‘click’ (from the Programmer's point of view) exists in a perfect state of binary clarity: Either it has 
happened or it hasn 't, therefore clearing up any hazy areas that might make it more awkward to 
enter in as a program. 


However: For the user, something as strict as the Clicking of a small device represents a slightly 
cumbersome move — at least something that requires another level of motor skill beyond that of 


navigating the mouse on a 2-dimensional surface. 


f i t. Taken individually, mouse 
t adds a vertical aspect to the formerly horizontal plane of movement 4 vidu r 
ae may not be that big a deal — but when the user is confronted with having to initiate this less ; 
than intuitive action every time they want to ‘go somewhere’ in the two-dimensional world of graphic 
links, it all adds up and starts unconsciously feeling chore-like — even to the point of annoyance. 


programmers to start thinking in terms of 


ion is: i i 2 It's time for 
The real question is: What is the easiest way abscstaicloayioihetel pay aac 


smooth motion, instead of simple binary relationships. The 
found in a kid’s park. 
i i interfaces have 
isti can be seen as a bit ofa game. All graphic user inte 
Rercatnee ie ay poe children’s play structures, the click isa lot like stepping stones (a 
ee BP incite ies and a motion — based interaction is like a kid’s slide. 
seri 


i i ime's sake. It would hardly be tolerable to 
‘ i ing out this equipment for old time’s sa C si 
Let’s say you're an ae oe o equipment every time you went to a certain ca eke 
ae Re a Beaten out you choose? Let's say you could go to a park with on ly stepping 
between the two, 


stones or only the slide? | : 
P ‘ould be simple: Do you want an exacting, choppy, contemplative activity 

The basis for Se van about your next move, or a smooth, contiguous ride where you 

where you're alw 


INN ANTI = 


YOU might prefer 
you'll always choose 
should be there, 


We extend the failure to develop keys as 2D Objects, though, into a false generalization: We fool 
Ourselves into believing that no 2D on — Screen data entry could be efficient. 


What we should try, though, is the fluid — motion approach that some far — seeing programmers built 
into the Start menu in Windows. The 2D tools offered by the motion of a small point (i.e. a cursor) 
across the dimensions of onscreen icons are more than sufficient to communicate almost any 
sequence of letters, especially when dealing with search terms, whose length will be short by nature. 


Here's a dramatization, using text levels to simulate moves of the cursor — 


ABCDEFBHUKLMNOPQRSTUVWXYz gmail... 
> 
ABCDEFGHIJKLMNOPQRSTUVWXYZ greyhound... 
€ 
ABCDEFGHUKLMNOPOQRSTUVWXYZ greyhound... 


Pace en Urner ore UVWXYZ green zone... 
green zone... 


greengate... 


> 
ABCDEFGHIJKLMNOPQRSTUVWXYZ 
€-- 
ABCD ERE NORMS STEN gl if) — correct term — click on result 


cel 


greengrass... 


Thi thod would be as fluid as moving the cursor on a page, and would ‘type’ the entire word 
is me 


i icture plane — total clicks: 1. " 
ene ee fame de Fe Caen of ck intersecting the ‘letter strip’ would register selection of 
Right now the assum 


r g y' k for selectabl S, OF a A 
y is’ look for \ 
a givel letter. There are a few wa St is could lappe' clud a Tisneye le lectable: H 


Ld 


and ready to b, 
ish eye effect follows whatever : 


NOPQRSTUVWxyz)... that way all the 
lash through’ the 
g it = no click. The 
Part to effective’ y 
fal follow- 


4 —Why? 


Ignorance has a huge, dumb buddy: The question ‘why’. 
Whenever anyone's too lazy to think around corners, or to respond to a request — out comes ‘why’ 
ready to play the heavy and back up the ignorance before a reason can be given. 


Hey, | know it might take an extra half day, but 


Watch out when you hear someone calling its name: “ 
for this popular function.” “Why...” = It's a very 


you really should program a user-friendly tab in there, 
bad habit. 


5 — Size Matters 
There’s an overwhelming trend that comes out to a user when analyzing products from Microsoft: 
The company doesn't usually seem to test their own products. Or, if they do, nobody does anything 
with the test results. 

Either way, among the numerous issues this causes, the biggest — ironically — seems to be the 


epidemic of tininess out there. 


i Id, small can seem huge, and the tiniest 
saw Tron knows, in the computer world, 
meen mone like all day — (if you're Tron in a throwing — disc battle with Sark, that is.) 


M; ft ogrammers |i i i : be it's sol ething 
laybe Microsoft’ prog live a little too deeply in the world of ron Or may n 

I a h wane they OMe benefit from more attention to the word ‘interface’, when they design one. 
else OW! ; 


The ‘inter’ part of it stands for ‘interaction’ — their programs do interact with people — but it’s the ‘face’ 
je ‘inter 


aspect that needs more emphasis. 


When you USE ‘face’ as 
YOu come cloge to un 
Version of ‘surface’ 
think my ha i 
Cunning to 


erin the face and : ; 
NSE ig Bene ate Ve a User something t i 
'Y Of design from th e way tools have, one Sa or 


— aS Many programmers 
People can handle a little complexity, and 
— but shortcuts don’t have to be physically 
and in fact, is usually small. 


6 - Pickets 


If | could picket the offices of those responsible — (who?) I'd be pushing for certain demands. 
These would relate to certain features that have been AWOL on all interfaces that | know of --- 
especially those that would benefit from it most, like word processors and web browsers — like, 
forever — and something must be done! The human race has suffered long enough! 


Cliché buttons 


igi i ‘cliche’ i 4 = though they've taken on two 
The original meaning of ‘cliché’ is the same as ‘stereotype — even le) 
separa meanings now — these were chunks of moveable type, each containing a phrase. 


i i i ing to be employed time and again within 
le) idea was that certain phrases were going 
Me bee: es i and so, in order to save time and effort, the typesetter would have that exact 
anaes all set up and ready to go, instead of having to re-assemble it. 


me down the road, we have the perfect set of tools to do that for ourselves — and 


Well, a long, long ti é 
we still haven't done it. 


ilt— K > Goh > y 
Oe aa ese oy than ‘pling-buttons’ or ‘wungles’ or flimps SO ee Itsa 
them that, though. You ee when people deny themselves good Hees my y oA cc 
sad Ce poe ; nha has current negative connotations. It's this stickiness guag 
archaically — tied term 10 ae 


i be struggling 
that we still seem to ie 
ally like to see is a button: ‘Set Up Buttons”. click it 


ejudices around both words. You really don’t have to call 


The thing is — what I'd re 


So then it asks 
0 
enter it. Let's jue sac the phra 


ise 
St assume it's . (Pasteable o 


r type, ’ 
aPpened 4 tia ey able) Which 


Ou'd [i , 
s. You'l 66 this You'd like to assign to a button, You 


slr Something a little more formal — look 
— look 
you drag the Panel with your Cursor), ino 


and yes...if you're t 
Phrase tight in 
Now, thereby 


hinking “hey, 
to my current wind 
Saving time” 


that'd mean that 
OW, at the loca 
~well, you'd be right 


a Click of any of those by 


! ttons would deposit its 
tion of the Cursor, in whatever font or fo é 


rmat I’ it 
! That's exactly what they'd do, eg 
And anything at all that can hel i i 
' P Smooth out the bloated, Icon-heavy, flighty, t = 
of a word Processor, where Copying and Pasting is often One pau 


made as much of a chore as tweezin cak 
crumbs out of a velvet blanket — would Probably be welcome. ee 


Customizeable menus that listen to Preferences 


Customizeable: Something with the built- 
Pe ayh : 


€ priests of the permissive society, calli 


against nature, but it’s too much like my u 
Well I’m going to! You Can't customize m 


Still and all, things should be customizeable. Doesn't matter who told who in Microsoft that it wasn’t 
good. They're wrong. A simple example of the alternate case: 


[ ‘ i ight-cli highlighted chunk of 
i here’s what happens every time | right, click ona : 
anys a =amenu, about the dimensions of a big supermarket flyer, pops up 
which contains: 


The font 

The font size 

“make capital’? 

“make lowercase”? 

A formatting gallery 

a broom 

“make bold’? 

“make italic”? i 
“center text alignment’? 
highlight color 

text color 
decrease bea 
increase inden’ 
He that’s just the small bar on top. Also. 


Cut 
Copy 

‘| 
ee (note: already offered up top) 


raph... ie) 
bulge ee already offered up top, 


Numbering 
Hyperlink 
Look up... 
Synonyms 
Translate 
Styles 


---0ut of which 


» Bullets”, « 
with arrows fo menue Umbering 


”, “Synonyms” 7, ‘5 
T Sub- , » Translate ‘i » 
ub-menus, no doubt leading to a different range ee Ga scuibbed 


ree Person inside Microsoft ha 
‘ i xt€nsive enou Ih, and onf i id j 
Click selection on anything Rialto Fe ee ae 


However, it’s Probably a little more planned than that. 


This is like asking your mom for a snack after school, and, each time and without fail, being 
presented with a plate Containing: 


four sandwiches 

half a roast chicken 

spinach quiche 7 

fingerbowls containing cucumber, celery, carrot, corn, and cobb Salads, plus sliced radishes, wasabi peas, and 4 types of 
custard , 

eggplant lasagna with fresh — grated parmesan, and sautéed mushrooms on the side 


3 Swanson dinners, each with a meat entrée, steamed vegetables, mashed potatoes and dessert 
beef stew 


curried lamb 

braised octopus 

more curried lamb _— . a 

3 slices of French tourtiere, each with slightly different filling 
2 pieces of layer cake 


d this, after doing it for a few months, and knowing that you only ever took one sandwich. 
an ; 


i i =i Id get your mind around any of it, 
Se ee a menane Sines aver Panne arch is re a amenity of an affluent society, 
iri i i ein 
ieee eee Bs Aen Rather it’s stupid. It makes people feel dumb for wanting a 
ne ; 
pee rand has a sarcastic feel to it, nota helpful one 
ing i i the same 
ide-ranging that the person choosing is affronted or baffled, it has the 
When choices are so wiae- 
bad effect as not enough. , Ay a 
Siodes em ae oe ee ee VAIO be giving so 
There’s such a thing as sarca f defense against the slight impress 2 
itself. This is a fairly new Nee (0) sApetnieniisickiccs cr 
ively giv 
much — you reflexive 


too much. Call i 


COSGEECAULLLEEALDAL 


would be to allow 
all, only a small sub- 


Well, good luck with that on 
Go ©. And good luck finding ma i ith Mi 
Processing Program — there was WordPerfect, but ap ele ay ihn mick Be 


Anywa' Wwe may have © resign o ely i yf 

a 'Y, ; y : 2 IK iM a 2 to eee the whims o' whatever levels of desk sitters 
M ff ff fi f f 4 5 A 
programs, from other companies. . a dia ‘ eb ke 


Give users a Choice about their Tange of choices. 
That would be rea/ choice. 


A Tool Belt 


Let the user make a ‘tool belt’ — a collection Of a bunch of most — performed tasks in a cluster, on an 
easily — clickable menu that could be moved — something like that menu of cliché tools. 


| know why nobody has, though — Microsoft hir 
bits of prog i 


i i ilti ike Microsoft Word, (unlike Google), 
"s no feedback mechanism built into a program like Microso 
oe ee users are polled from a web — based source, not to monitor what they use ue nee” 
for, but instead which features are getting used — Microsoft programmers exist in a kind of bubble, 
outside of which is a rundown of features like so: 

i nied unused kises 
unused unused uaeedy fused tne édiunused unused unus husediunused 
= wai erie Ea 5 st i Id be extremely helpful 

i rogramming, this would be extr , 
Hic join Mie © Soules Clee Se mining i Bree lately, this phenomenon has come under 
I'm not sure those at Microsoft really care, gh. 


te dy in the fo of ‘hoardi ig’. It’s still very little understood, thoug 
Stu ry Lf 


i Id call ‘used’ — and 
belt’ would let the user pick out those things that the graph wou 

Anyway, a ‘tool belt’ w 

i lace. / 
~~. i j ions of their programs are 
e serious about finding out just what frees Fee hat 
As a sidebar, if Mier oT ees, deserve a place one Poe ee eS OS 
actually used or userul, Ia ae ee amoving injteb ion, 

i are fon eee 
hag oot ieembe fix into use, even for a few day: 
they might we x 
i users can go to ac 

sae ee ones being the mos' 


i f their most 
ss cloud-stored versions © 
i t data 
beta testing we t obvious, and the easiest to ge’ 
Advertise a es 
— the word p 
popular programs 


3 €T, as it Would nor j 
iF these versions existed i. mallly be if the program were us 


tion to decide when the term o 


Defaults 


A default is: 
a selection automatically used by a computer Program in the abs 


(Source: Merriam — Webster online) 


Well, that definition is only Partly correct. In the old days (or the current Microsoft era), ‘defaults’ were 
things automatically done by the computer program. 


in a book, the default is whatever's 
on each page — and there’s no way to change it, except by scribbling notes at the side. (and that’s 


Now, however, with the advent of ‘user input’, programs can respond in a variety of ways to the user. 
The dictionary definition can be expanded, in the sense that some of these ‘automatically used 
selections could be the result of pre — existing choices made by the user. 


i i it — not always a true one, to be 
Id make the assumption that the user knows what they wan = i } 
ae E iat where it /s true (and evidence suggests that’s becoming an increasing a oes) it 
= ing task of having to re-instruct their program to do the 
would save the user the heart rending ’ A al 
j t the last time, every single time 
to use the same settings you carefully se r 
Me ee Sane as if the program had alzheimer's, or something — and could never 


remember anything. 


Allowing the user this choice would have the general effect of making everyone happier. 
lowin 


i i it mi day, in 
2 Well, if Microsoft's stranglehold on the industry is ever loosed... it might. Someday, 
ill it happen? ; 
ie dean eee. wondrous beyond. se 
Well, well! Cliché buttons have now appeared on the scene, though no 


icketed fo i i hrome 
de available, through its new C 

exactly the way pi . What Google seems to have ma E ou ee 

4 us a ee ete buttons on a kind of ‘tool belt’ — a highly accessible ‘strip’ of icons 

browser, are cli 


across the very top of the web browser's window. 


* (Aug. 1, 2011) — 
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ne) ce | Google W/ im YouTube FF Hotmail & 5 


Each comes w} 
with a Web-desj 
extremely long, or €signer sourced ‘description’ 
d » OF Something in b CTIPUON’ — @ verbal ta 
(0) = etween — é 9, Wheth 
newith a variable descriptive tag next to to edltable by the user resuting ing ee 
? : re icon or 


YP, which deposits pre- 
C p Program 
field — and then cliché buttons aed be ae cS 


The simple fact is that humans have, built in to their brains, a faculty that we haven't been able to 
duplicate in our computer slaves: That of being able to extrapolate detail from generalization. 


such as in the case of 
mid — 80's, that amazing 
S one — simply by 


We've already gone the reverse route of trying to make computers do that — 
the TV manufacturer (was it American?) whose marketers trumpeted, in the 
new digital technology would be able to make a hi-res image out of a low-re. 
applying (‘infallible’) extrapolation algorithms to the digitally processed picture 


This was the poetic dream of technologists ever since, or possibly even before, Ridley Scott's 
brilliantly — presented Blade Runner posited similar technology in 1982. 
In the film, Rick Deckard, a futuristic cop, casually activates a high — tech picture on a (presumably 
digital) viewing device, and looks at the fine details. Even though the naked eye sees only a room, 
edi ue ie t Deckard’s command, isolates, zooms — in on, and ‘extrapolates’ fine details = 
oe ane Dy cen around corners’ to hidden areas of the photo — and, just like magic, generating 
nee Bees of microscopic visually based evidence that Deckard is after. 
i i is wil idence for Deckard 
implicati he special effects team) is that this will count as evidence f 
ee mer : h Lee an fenteeton on — because this cyber — extrapolation eee on 
EP alan now obvious) mathematical processes which appropriate nature’s bah os - 
pes) is ees cts ‘nature’ would have delivered to the camera's eye, had the photograp 
make the l d 
ae keen enough to seek it out in the first place. 
i ind of room — 
i is might be achievable through some kind o 
Be TES coRRCleg) into an analog realm, past the bounds of 


hy. That would digitally, though. 


In the wildest drea 3 
le seem to reserve the right to do it 


encompassing holograp 
binary computation. Peop 


N Gree Lea OER 
ot only Would ‘true’ digital Image extrapolation, relied a 


fun out of life, it would also be deadly j PON as a reality Synthesis, take g 
idly in some Ways, Jot of the 


In our imperfect world, th I 
Our Impe » ough, even the sij thtest i 
faith in it, like they do in, say, the technology of fi el) 
cepted as truth. Glitches do Occur, even if t Se 
Ing any such System is our foothold on truth, 


It’s foolish, though, to send robots Out to do what humans have built into their brains already. Maybe 
the movers and shakers in the programming world became shell - shocked after finding Ridley 
Scott’s vision to be mere fantasy, and, dejected, thought that from now on we should all proceed 
from the lowest common denominator approach — don't assume the user can do anything that his or 


her computer can't. 


They should really buck up, though, because in fact, human users possess powers that can be of 


great use in saving programmers unnecessary headaches. 


ili i i i it for the center where 
Il is being able to take a general map and place a pivot point oni i n : 
owe ue = ERE absolutely know — it should go, then using the ees eae paces 
j i i dly follow it on a straight vector — ai 
uter to run with that virtual pivot and dogge 
ie ee right, having used instinct to determine what area should be zoomed. 


i i i i ifferently from the binary logic 
ti le either, but clearly their brains work di } 
Pe as pene ee aaa pointed out late in his life) — and humans have eens 
ae ag: oF dont absolutely need to know what all of our mandates are to sense it—a 
than a computer. 


i j its told - 
thing of a subject except what it’s to! 
ject whereas a computer knows no 
tends to arch over a subjec’ 


and then it only wants to pursue the subject in other ways it's told. 
e Google people, in their prejudice that users should only want to 


: ithful 
i i and not easily be able to set a faithfu 
ee ae our human qualities, and make things 


is | i but th 
This is an ace in our hole, | , 
zoom out from pre-determined minu CO aes 
pivot point from an overview of the map 


more difficult. 
‘Flash Earth’ gets it right where Google had gone wrong. 


Once again, Neave’s 


method by which Windows ‘allows’ (for lack of a better 
eS generated by most modern applications. 


—is a wild Modern phe 
bottlenecks tend to emerge. 


In these modern times, one of the biggest bottlenecks (Or, in fact, smallest) consists of the way small 
files — let’s take Jpegs, for example — are named by the user in Windows. It’s roughly the same way 
as in 1984. /t has not changed, not gotten faster, friendlier, more efficient — nothing. 


Some programmers (definitely not anim 
Well, they're so wrong it hurts. It literal 


That was the process for renaming one file. 


i imi hard drive's storage space — 
‘S, when a few dozen Jpegs might push the limits of your 
4 Tea ‘a days of 1984 — this was acceptable. If a user, then, were to langorously fuss poe 
arin of ten files in a morning, that would take care of most of their workload for the day. Not s 


anymore, when a trip to the beach might produce 200 new Jpegs for the processing. 


As programmers know. ime, i 4, i t and bask in the greatness of 

a user had more time, in 1984, to think abou 1 the ¢ 
: anes Bea ey ciemen —and the fact that they communed with these bright lights of the 
progra 


computer world simply by virtue of being a user. 


The user's thought process, it was assumed, would go like — 


love this new 17 — inch monitor! And how do the he type so Il? It?s almost like reading a book ora 
ry get the type so sma’ 
4 t t k 
Wow. Vi And do th Tt. 


i i 1 
ewspaper or something! I love this technological age! 
n 


aim ns ‘ 
This new ‘mouse’ thing is awesome: 


tight click 


Select rename 
Look at the fantasti 


amazing I can go hack and 
| backspace, Or one of those ot 
common person Int 


change things, and the 
her great ‘rj cs s4e) > 
‘0 the new age! Sreat “right click” type 


: Y erase — ping ~ just 
commands? T echnology truly ushers the 


hing new in without benefi 
fhe wy, PE Som efit of a t 
Like I said, it S just like [> sing people around at a news, 
slave buddy! I think P i i 


’t people — but this, my newfound robot 
technology ame over and ove 


7, just to bask in the warm glow of 


check for mistakes 
Hey, no bi 


iggie if] make mistakes he 
again! It’s 


‘ re. You know 
So much easier than a ribb 


low what happens then — | “ping? it out and “clickety click” 
on typewriter! 


it back in 


» Stuff chang 


controlling a brand new, technical piece of electronic equipment! 


~—I'm the mouse master! I’m 


search for the new place for the listing 


Isn°t that amazing that without my telling it to, the machine knows to Te-juggle everything so as to put it in alphabetical 
order? I'll bet the stuffy old librarian in the 30 — year old skirt could never do that! 


check it went off okay 
That’s such a cool ‘seroll’ effect! It’s like I’m moving a piece of paper u 
up and down the side of the screen! J think I’m just gonna fiddle with th 
for the same treatment can wait! I love technology! 


ip and down, except I’m just sliding the ‘mouse” 
at for the next half day! The other 3 Jpegs in line 


Well, people might have spent a few afternoons that way without minding it. Do it several times in a 
though, and it starts to grate. ; ; : j 
Much tke your first few bites of a really long candy bar, it carries a kind of thrill —fora few seconds. 


: i h — grinding series of tortures, 
lory of technology wears off and what's left is a teet t é 
Sn elon Rea eee who like the fact that people scream their name in the process of running 
the gauntlet, driven to distraction. 


i ble 
ds of Jpegs — to say nothing of less managea 
dozens, people now have fens of thousan 
i ee such as MP3s — and technology’s cutting edge makes the user bleed. 


is required. 


i ied before. The technology for 
i i that they haven't been tried | : 
TSE SC A i aera Ne i aRenavet GUI interfaces broke into the mainstream. It 


them has existed at least since tin hardware, just smart use of the platforms that exist 


=a 
igh — ing tools 
~ Well, in order to patch up the blood flow with some gauze, a new breed of high — tech naming 
® would require no new investmen 
> 
> 
a 


Id contain — 
approach shou ii 
ments that the new 
Here are some ele 
r 
; s pk ee ¥ 

= e i i. Ys we VK ie ice) 
“Sp 


The user should be able to navigate usj 


a ‘catalo 


NIN 


not change in 
effectively process the content of th 


The common default in programmin 
viewing, one for renaming, etc. — thi 
interface that acknowledges the un 
Jpeg thumbnails 


TT 


What we have is something like this: 


nailing prying-up splitting 
hammer hammer hammer 


The e eg-renam i enters 
peg- i rocedure can be represented by these 3 hammers in a Carp r 

t none : BY forbotnan nails. Another, for prying things up. The third is only for cracking or 

OOIKIt. 


@ splitting objects. : 
they are all basically the same hammer. 
ON They are so designated, of course, to play up the fact that they 


2 
QS 
2 
a 
3 
=r 


mbnails, b) Viewing the Jpegs full 


them to different folder locations. 


In short, users wa it to displa analyze, and re = 
f Y, 
1p Yi lame thumbnails ast. The users can almost al ways 


T ; : : 

Hee eee Ways in which a new interface has to go over and above the one offered b’ 

deca aes oan ee eS ee thumbnail display Jess Slippery — in that they seca have 
, visual fie at thumbnails rarely ‘slide around’ from — unlike 

Windows approach, where the thumbnails are treated, essentially, as glorified data. ae 


With the ‘glorified data’ approach, the placement of thumbnails in the interface is an indifferent 
matter. Thumbnails indelicately ‘blink’ in and out of rows, depending on the motion of the user's 
mouse — controlled cursor towards the bottom right of whatever window they're in. Simply by clicking 
and dragging to increase or decrease the size of the frame's aspect ratio, a user inadvertently 
‘juggles’ the thumbnails, shifting their place with relation to each other. 


What this results in visually is the inability of the user to rely on something being where they left it 
from second to second. In terms of animation, Windows presents this re — juggling without any 
‘inbetweens’, with no follow — through, weighted transition between placements, or arcs of motion. 
While the ‘resize window’ function has some of the above, the positioning of the thumbnails has 
none — once again, a sorry division of function — making for a skittish looking interface with a kind of 
‘Atari 2600’ feel, the icons ‘blipping’ from position to position with no warning and only a slight 
indication of direction. The user’s given no visual ‘tab to grab’ — no cue telling them, in a reliable way, 


just where any of these hopped-up thumbnails is bound. 


VOU00003993009 


The newer approach should include a visual field that's as safe and reliable for the thumbnails asa 
page in a book — that is, a field where the thumbnails are tiled in an appealing fashion, consistently, 
without fear of slippage (words rarely get juggled’ around book pages), providing areas sce) for 
pertinent information (such as each Jpeg's title and date), and ample maneuver room for the user. 


The thumbnails should clearly indicate what they are small pictures of. 


se is to indicate that. However, the 
g is activated in Windows, the slippery, 


Once again, programmers will argue that their primary purpo 
t of visual data to allow the user to 


i i i he thumbnail view settin 
mple fact is that most times when t 
i feocose little tiles are just foo small to convey the Be ee 
make an informed decision about how to name or catalog them. 


ESTES TTT ES 
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SUI 


ssh 


le should exist independently of i 
: mere 
ce. They leave the visual approach to someone ina isicas oe all 


Most importantly ~— the user should be able to assi 


gn data without clicking. 
aoe Bier ut Wace ne ‘what?’ It’s true, though — the Shining darling of the mouse 

e, the ‘click’, isa Major — league pain in the Tear when it must be do 
accomplish simple tasks. Chief among these tasks, when dealing with huge amounts of aon and 
small files, such as Jpegs, is the task of assigning data such as names and dates to them. 


A simple glide over the visual placement of these thumbnails should always result in the entry of 
data, or the possibility of it. 


Some alternate tools should be available, such as extremely simple keyboard commands — say, 
‘enter for skipping to the next frame of reference, or integration of the arrow keys — but nothing 
should be allowed to complicate the eminently simple ‘glide over’ approach, reducing the mouse to a 
selection tool rather than a data entry tool. The misconception of all programmers who integrate the 
mouse into a program is that the user is enraptured with the click function. 


The click function is not necessary for naming, except in the merest sense that it will sometimes be 
useful in specifying ‘this, not that’ or selecting a pre — arranged bit of data to incorporate into the 
overall body of a string of data. For the simple act of selecting items, though — clicking is overused. 


j i imati =i [| actions have a way of stacking up 
henomenon is a part of animation as well in that small g 
i a er not even following one another immediately, but interspersed at regular enough intervals 


between other small actions. 
i during a walk cycle. That's sort of like 

imati have somebody scratch part of their arm dur 
5 OGRE? if you make the ‘scratch’ action an integrated part ie ue ak ae it 
He aie a nervous tic — hard to ignore and off — putting. This is the ea ae Ss om 
becomes If it’s once in a while, fine. If it's 30 times a minute, most ee I ee 
wee ap ie just to get away from the frenzied click motion. | know I’ve declined to 
project i 


generically — assigned Jpeg name for just this reason. 


ignment of data should be very simple for the user. 


The assi 


COECLULLULLULLAIOIORII02 


Basically, what it boi 
belt’ — which Simplifies the 


own preference for the na a ‘cliché 


ming of these chunks of data, be encouraged to enter their 


is Sidesteps all iss > tooling th n re 
ues Of re i i 
‘ a ‘ t li ig the Wi dows clipboa d. It 


need to. All the user would Need is a si __current Varieties of visual interface, it doesn’ 


Cottage"04 
Our Trip to Beach 


Me with Hat 


y 
=A 


and so on — these would be somewhere off t i i i 

: ; © the side, clickable, determined by the user — 
would prove valuable tools in assigning titles and other data to Jpegs and Cine files. er 
The theory here is that the user will view to re — name when there is a new influx of files — but also 
that the new influx will consist of variations on similar themes, which only a few tags will typify. 


The overall purpose of such tools would be to allow the user to use what they've got, through smooth 
and accessible interfaces. If more rationale is needed, however, it could be that a user who's well 
catered to by the receiving tool will then demand more of the giving tool — that which they buy. 


The overall objective of this type of system would be to reduce the squint — aim - right click — select 
rename — maneuver to the proper section of the renaming string — carefully delete the previous subsection - 
carefully type something new in without benefit of a tool board of standard terms — check for mistakes — either 
click on a white spot or press ‘enter’ which might not always work — search for the new place for the listing — 


check it went off okay — repeat process to something more like 


hover — select — enter data — advance... 


Aap ay to describe this method — modern users are faced with huge dirt hills of data. Currently 


they have tablespoons, and the aim of this is to give them steamshovels. 


Do you know where your cursor is? 


i ices — and the sole ambassador of people in the realm 
4 Laat almost always disregarded or forgotten by 
nts the will of the user and indicates the area where the user's _ 
ser will almost always be looking at the cursor when pointing it 
grammer with cues as to the user's long- 


Surprisingly, the most centr 
of He computer — that is, the curs! 
programmers. The cursor represe! 


ion is currently directed (the user 
ae —and, by extension, provides any alert pro: 


term intentions. 
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9—A Few Notes On Maps 


A few notes on maps: 


We see the idea of accuracy in geographical ma 


Just coming to understand h PS as sacred, Mostly because of the fact that we're 


OW accurate they are, and don’t want Someone messing with it, 


Just fine — although it sometimes i 

1 K prevents us from understanding what more Maps can offer, and 
this comes to us in the form of the political Map — or any map which dwells on organi of aaa 
detail rather than Precision in physical landscape. 


Be it resolved — a political map of any kind has a use that trans i 

: ¢ cends the purely physical, and so 
should be viewed differently and explored as a new device. It tells the reader what’s going on over 
the span of the locale it deals with. 


Both maps are necessary. The physical is the kind we’ve just begun to really come to know, through 
Web applications. We like embracing it. But we ignore the political type at our peril. We run the risk of 
convincing ourselves that whatever doesn’t ‘amend’ the raw physical attributes of a place isn’t to be 
dealt with. That eliminates consideration of most of our daily lives — and under-credits people as 
masters of their own world. It ignores the Past century and a half. You could say that these types of 
maps are the hidden guidebook to human behavior and society. 


The challenge that map makers are faced with, in the near future, is to evolve custom — made ; 
varieties of political type maps that are useable, pleasing. to view, and non-offensive — that is, which 
make themselves useable without stepping on any significant toes. 


S to is the formidable power maps seem to have carried in society from early on. 
Teen ae many occasions where the ruling elite have struggled to ban them. To ae is c 
impose a 1984 of the spirit by censoring basic human desires. We shouldn't Sores aes wi 
the petty paranoia behind such things, however. The map, in useable form, oe one 2 eat 
explorers, historians, and the lay person alike. Its increasing prominence as metapho p 


advancement is no mistake. 
This also indicates the value of the political map with changing (animated) vector attributes scaled 


g into relief a kind of history which could previously only be told — and 


le hundred page tomes, and establish a view of the future and past 


along a timeline. It will brin = 
pecialized data, as well as unlimited 


: he iol 
clumsily, at that — in multip eae Oe ae 
i r the planner elite who acc 
fi eee ie ape time for a democratization of such elements. 
ime : 
imate guide to man — made attributes of a landscape. By that | 
ah fe vital to daily commerce. The day a citizen unlocks a 


iti be the ul 
A good political map can cto | 
of his or her favorite street or shopping district, and it 


mean all the places and spaces W a 
steady and easily perused simulacru 


ay oe 


concisely displays the totality of a user 
courts or Chinese restaurants) 


is the q 


ay €edo IS tasted A 


These maps, well — laid ut, could €asily replace eve 
tourist maps, phone directorie 


1 ’ mes, any guide to the listi 
the day ina region. They will do this t 


TY other form te) Categorization 
Ngs of SEIVices 


( @ person could 
£00, without Much amendment to e 


Currently in use — 
Sol Need throu hout 
XISting Media or technology, 


example: 


Which map gives the reader more information? 


Garden City, Michigan 
re ~T I} Ug as 
vie \ 


On the left, you have an abundance of detail and nominal and 


physical accuracy. On the right, you have clear 
lines and labels guiding the reader to elements of a data set. 


Detail or clarity? Pll let you decide. 
10 —A Little About Search Engines 


A little about search engines. 


i it, locality is coming to 
h ture of romantic portraits of the ‘net (world wide) can deny it 
While the nature é ( 
Searches — and sooner is better for this. 


i if it's 
f their money locally, even ii 
le spend most of ane" 
plese pee ith a search eng 
non sen 1b) thera so ee Ne your hockey team schedule, 
on foreign products, and b) the ther it’s a search for that perfe Ke AS etchicanech eee 
Connect them to a eve pos ‘owen, oreetonenoee 
i a ; 

what’s playing at the theatre 
whatever else. 


i f search 
t contains the terms o : 
felt Payee vi ils, or things like 
i riority status eee sels 
With this realization, they oe ace i calculated by IP address 
plus the user's hometown (0) 
Previous search activity. 


ians think of their 
s z , or what Calgarians t ae 
dding of buildings in oy We also want to Pee ae 
There’s a novelty factor to the cla ver care about any 0! ‘ eae we're all on the way Z hag 
ohtspots. Most paella Weise Bo nd that, following tha main fiercely location — base 
leads us to ever greener Paes Nevertheless, we re 
citizens — whatever that rea y 


id hee ey Y § 


A good test for t 


he effectiveness of an 


‘Joo é Y interface: /s it a boon? if i i 
significant to my life or ©pen doors that would have ieinsincn oe ae eee 
The answer to this, Where Earth — based locales j 


N Search criteria are concern 


ed, can only be yes. 
1- 


How Would it Be With a Car? 


hee ae Rs avenate pels actually work without a net, and as such, is worth studying 
[ S little room for €rror, and less for ‘ i i in 
xclecee pete, or ‘horsing around OF acting clever to the 


As such, it’s a breath of fi 
programmer's clevernes 


Tesh air for, Say, the user of current text-based Programs, where the 
S always seems Prone to display. 


A question to be aske: 


d relentlessly of the fini 
with a car? Would it b 


e tolerated, Tejected, o 


ished product of interface design: How would it work 
T would it result in a lawsuit? 


Take the ribbons up top which have become trendy in text-based programs: Their controls are 
probably an over-reactive result of the b 


Oss addressing the body of Programmers, saying ‘you guys 
have been content to ignore the scroll w 


heel for over a decade now, and the customers are Starting 
to burn our offices down in protest. | insist you integrate the scroll wheel from now on!’ 


i i is i i laced anywhere on the 
The most evident way it goes over the edge is in that, with the cursor p : a 
ribbon, you can’t eaueety avoid using the scroll wheel. lf the scroll wheel happens to be in motion 
even a bit — a new ‘leaflet’ of the ribbon’s functionality is selected. This creates a kind of eee 
paper effect, where one element of the desktop (the currently-viewable ‘leaflet’ of the current ribbon) 
is constantly changing in barely predictable ways. Great. 


So: How would it be with a car? 


Ti ’ feature on it: What if the dashboard of 
‘ i nce, that the dashboard had a tibbon ‘ ¢ te 
We Se more than an LED digital display? What if, en the Suerte d es 
eS ioe speedometer, odometer, fuel level, temperature — were broken up 
stereo con , ; 


which the driver could virtually flip? 


i i ery vital 
re a few problems that crop up: What happens if the driver wants to see every 
Pee Bees = you know — like on regular dashboards? 


i f this new LED interface have given 

j ’s driver: The programmers of V Aegon 
Well, minor adjustment for Radlee“l ing the page’ to access whichever vital CO eae fagetion 
ine driver aftande enim Noyg at a is wind-sensitive, so that the act of lightly 


: ashbo: ve ill flip to the next virtual 
theydlesierettne Tae bes side of the wind-sensitive LED board will flip 
driver's mouth on one 


SSSsseeabesby 


Page, revealing th 
that can be done 


6 : ; 
desireg function. Of Course, the driver will 


take a little While to get Used to it, but 
Well, the obviou | 
yourself to antic 


your dashboard 


S End result — Practical| i 

I J 'Y SO Obvioy: 
Ipate it — would be this: The first fines 
Gets screwed, ite 


eu Wouldn't Ven need to be a driver 
€€ze blows jn from the Outside Window, 


consequences are swift and direct: Accidents happen and 
it for the Possible-death aa 


arena. 


How about the flighty, Skate-y YouTube volume interface? 
with a slight arc of motion when not being used, resulting i 


The one that disappears into invisibility 
fumbling for position whenever the feature is used? 


In confusion to the untrained observer, and 


With YouTube, the immediate predictable result is that ce 


gain easy access to illicitly-uploaded media. Ho-hum. 
With a car, however — 


rtain teens will tear their hair out trying to 


— looks better in photos. It’s an effect close to the one attempted by 
i i i trol, but 
the newest YouTube interface designers, who surmised that users wanted a volume control, 
didn’t really want to be able to find it at a glance — it’d be uncool. Heat-detection panels would sense 
when the driver's hand approaches the robot doors, (when they're fumbling for the wheel again), and 
oh-so-cleverly un-turtle it — extending it like a basketball player's high-five to meet the insistent flesh 
of the driver. This might happen twenty or more times aaa couse of Sy a 
me(iaG i ll as the car designer's in : 
i the triumph of man over technology, as wel cle\ 
Ue it will reach in accidents where people die. Yeah. Maybe worth changing it for the 
possible-death arena. 


= And coyness of keys? Let's say, 20% of the time at random, the right-flasher doesn’t work when 
_e you're Aeon whether it will work or not aired of ane ie 
mm cape dea/when you Sate ee ee See Ran the appropriate lever (on 
nal virtually) ‘shout’ at it, admoni 

a ( 

os) 
as) 
«s) 
ai) 

4c) 

a 
= 


i in rapid succession. 
average) 3 more times 
the lax attitude most programmers take towards keyboard commands. 
om 


i i i d through the 
command input is registere 
OR ene neariny mechanisms into the program, 


No different, really, t ivi 

ul 4 
Many of them seem i ild in ‘sele ! F titions of the 
keyboard — even going so ewe gone bad, which reliably SE eine from this, 
mimicking semesngNe ag register a single one. Mouse clicks aren 2 5 
same keystroke in 0 


= thus Contributing to the 
, and Imbuing cars with 


watch bli re it it dents 
oF , y. i 
V-watc 9 Public Ouciance Sarcasm ai Unately, it w sult in ace’ | 


where People die. Yeah. Ma b i 
incre wees an Ye worth Changi ble-death arena, And also for all 


Concessions 


if only for how promising a concept it was. It was called BumpTop, and 


was a 3D approach to the desktop — something | would argue is overdue from Microsoft — but not all 


that elaborate, simply an attempt at re-crafting the graphic look of the Standard desktop in a 3D 
appearance (more like an Open-topped desk or something) 


context, by simulating a kind of ‘room’ 
where the formerly flat desktop icons could take on the form of 3D objects. 

It was a great idea, and to make it greater, there were action based commands you could execute 
with the ‘objects’, essentially duplicating existing windows commands for shuffling of files, but 
including a simulated physics which appeared to give weight to the desk objects, and the ability to 
have them push and affect one anoth 


One, in particular, stands out, 


er. 
The icing on the cake was something | have wanted for a while: The ability to re-size the objects at 
will, making some appear to have greater impact than others. 


i he bugs. The bugs did it 
eshed together into an unbeatable package, except for t : 
‘Nee ce it eeehed the system — something like my first few installation attempts at Google 
Earth ! was thrilled with some parts of it, and the whole idea of someone in a small company out 


i i d overdue. But what the 
i ‘0 challenge Microsoft at their own game seeme : : 
BS od Whe, out of thei equation was the fact that, over the years, Microsoft has built 


up a desktop infrastructure. | , 
Windows OS is ingrained into the framework of the PC platform so intimately that anything trying 
The Window: 


iggyback on it, such as this new desktop program, needs gross amounts le euinade 
to piggy ! 


4b 


that someone wit 
but, as time has tol 


